// See https://stylelint.io/
module.exports = {
    root: true,
    plugins: [],
    customSyntax: 'postcss-html',
    extends: ['stylelint-config-standard'],
    rules: {
        'selector-pseudo-class-no-unknown': [
            true,
            {
                ignorePseudoClasses: ['global', 'deep']
            }
        ],
        'at-rule-no-unknown': [
            true,
            {
                ignoreAtRules: ['function', 'if', 'each', 'include', 'mixin', 'extend']
            }
        ],
        'block-no-empty': null,
        'media-query-no-invalid': null,
        'function-no-unknown': null,
        'no-empty-source': null,
        'named-grid-areas-no-invalid': null,
        // 'unicode-bom': 'never',
        'no-descending-specificity': null,
        'font-family-no-missing-generic-family-keyword': null,
        // 'declaration-colon-space-after': 'always-single-line',
        // 'declaration-colon-space-before': 'never',
        // 'declaration-block-trailing-semicolon': null,
        'rule-empty-line-before': [
            'always',
            {
                ignore: ['after-comment', 'first-nested']
            }
        ],
        'unit-no-unknown': [
            true,
            {
                ignoreUnits: ['rpx']
            }
        ]
    },
    ignoreFiles: ['**/*.js', '**/*.jsx', '**/*.tsx', '**/*.ts'],
    overrides: [
        {
            files: ['*.vue', '**/*.vue', '*.html', '**/*.html'],
            extends: ['stylelint-config-recommended', 'stylelint-config-html'],
            rules: {
                'keyframes-name-pattern': null,
                'selector-class-pattern': null,
                'no-duplicate-selectors': null,
                'selector-pseudo-class-no-unknown': [
                    true,
                    {
                        ignorePseudoClasses: ['deep', 'global']
                    }
                ],
                'selector-pseudo-element-no-unknown': [
                    true,
                    {
                        ignorePseudoElements: ['v-deep', 'v-global', 'v-slotted']
                    }
                ]
            }
        }
    ]
}
